<div class="card" id="roomBook">
	<div class="card-block">
		<div id="data-table_filter" class="dataTables_filter">
		 <input type="hidden" name="roomId" id="roomId" th:value="${roomId}" />
            <form class="room-book-form">
            	<div class="row">
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
				            	年份：
				            </span>				            
				            <div class="input-group-addon col-sm-6">
				            	<select name="years" id="years" onchange="changeData()">
                                	<option value="2018">2018年</option>
                                	<option value="2019">2019年</option>
                                	<option value="2020">2020年</option>
                                </select>
				            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                        <div class="input-group">
                            <span class="input-group-addon">
				            	月份：
				            </span>
				            <div class="input-group-addon col-sm-6">
				            	<select name="months" id="months" onchange="changeData()">
                                	<option value="1">01月</option>
                                	<option value="2">02月</option>
                                	<option value="3">03月</option>
                                	<option value="4">04月</option>
                                	<option value="5">05月</option>
                                	<option value="6">06月</option>
                                	<option value="7">07月</option>
                                	<option value="8">08月</option>
                                	<option value="9">09月</option>
                                	<option value="10">10月</option>
                                	<option value="11">11月</option>
                                	<option value="12">12月</option>
                                </select>
				            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3">
                    	<div class="input-group">
                            <span class="input-group-addon">
	               	 		房型：
	             			</span>
                            <div class="input-group-addon col-sm-6">
                                <select name="roomIds" id="roomIds" onchange="changeData()"></select>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <div id="bulkEdit"><input type="button" name="bulkEdit" value="编辑" onclick="bulkEdit(this)"></div>
        <table id="roomBookTable" data-mobile-responsive="true" class="mb-bootstrap-table"></table>
        <!-- <div onClick=saveData()>保存</div> -->
        <!-- <input type="button" name="bulkEdit" value="批量编辑" onclick="bulkEdit(this)"> -->
        <!-- <input type="button" name="saveData" value="保存数据" onclick="saveData()"> -->
	</div>
</div>
<script data-th-src="@{js/app/hotel/hotel/roomBook.js}"></script>
<style>
tr{
    width: 20%;
    float: left;
    background-color: rgba(0, 0, 0, 0.12);
} 

table{
	
}
.dataTables_filter {
    overflow: hidden;
    float: left;
    width: 80%;
}
#bulkEdit {
	margin-top: 5%;
}
</style>